<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            .scroll-area{
                width:300px;
                height:200px;
                overflow: auto;
            }
            .content{
                height:1000px;
            }
        </style>
    </head>
    <body>
        <div id="app" >
          <div v-on:scroll.passive="onScroll" class="scroll-area">
            <div class="content">内容</div>
          </div>
        </div>
        <script src="my-vue.js"></script>
        <script>
        var vm = new Vue({
            el:'#app',
            data:{
            },
            methods:{
              onScroll(event){
                //如果在绑定事件的时候，添加了passive参数的话
                //就表示肯定不会在事件处理函数中阻止默认事件
                //浏览器就不用判断了，可以大胆的进行性能优化
                //event.preventDefault();
                console.log('onScroll')
              }
            }
        });
       // v-on:click = @click
    </script>
    </body>
</html>